@import 'hero-details-box.css';
:host {
    display: block;
    border: 1px solid black;
    background: #eee;
}


/* :host {}  简单来说就是给自己加样式 */

:host(.active) {
    border: 3px solid seagreen;
}


/* :host { className }  简单来说就是给指定样式的元素加样式 */

:host-context(.theme-light) h2 {
    background-color: red;
}

:host /deep/ h3 {
    font-style: italic;
    color: red;
}